<template>
    <div class="LineCount_div">
        <div class="components_title">
            <TitleTop>
            </TitleTop>

            <TitleMenu>
                <div slot="titleMenu_ico" @click="$router.go(-1)">
                    <div class="title_left_ico">
                        <a-icon type="left" class="Group_ico" theme="outlined" />
                    </div>
                    <div class="title_left_text">返回</div>
                </div>
                <div slot="titleMenu_text" class="Homework_titleMenu_text">
                    <span>线路测量</span>
                </div>
                <div slot="titleMenu_add">
                    <a-icon type="sync" style="font-size: 7vw;" theme="outlined" />
                </div>
            </TitleMenu>
        </div>
        <div id="LineCount_content" class="content_104class">
            <ul id="LineCount_ul">
                <li class="LineCount_li">
                    <a-row class="LineCount_ul_row">
                        <a-col :span="7" class="LineCount_li_left">
                            线路测量
                        </a-col>

                        <a-col :span="11" class="LineCount_li_center">
                            <div class="LineCount_li_topText">
                            </div>

                        </a-col>

                        <a-col :span="6" class="LineCount_li_right">
                            <div class="LineCount_li_rightText">
                                福马线<a-icon type="right" />
                            </div>
                        </a-col>
                    </a-row>
                </li>

                <li class="LineCount_li">
                    <a-row class="LineCount_ul_row">
                        <a-col :span="7" class="LineCount_li_left">
                            公里数
                        </a-col>

                        <a-col :span="11" class="LineCount_li_center">
                            <div class="LineCount_li_topText">
                                128
                            </div>

                        </a-col>

                        <a-col :span="6" class="LineCount_li_right">
                            <div class="LineCount_li_rightText">
                            </div>
                        </a-col>
                    </a-row>
                </li>

                <li class="LineCount_li">
                    <a-row class="LineCount_ul_row">
                        <a-col :span="7" class="LineCount_li_left">
                            米数
                        </a-col>

                        <a-col :span="11" class="LineCount_li_center">
                            <div class="LineCount_li_topText">
                                45
                            </div>

                        </a-col>

                        <a-col :span="6" class="LineCount_li_right">
                            <div class="LineCount_li_rightText">
                            </div>
                        </a-col>
                    </a-row>
                </li>

                <li class="LineCount_li">
                    <a-row class="LineCount_ul_row">
                        <a-col :span="7" class="LineCount_li_left">
                            当前经度
                        </a-col>

                        <a-col :span="11" class="LineCount_li_center">
                            <div class="LineCount_li_topText">
                                E 113.941897
                            </div>

                        </a-col>

                        <a-col :span="6" class="LineCount_li_right">
                            <div class="LineCount_li_rightText">
                            </div>
                        </a-col>
                    </a-row>
                </li>

                <li class="LineCount_li">
                    <a-row class="LineCount_ul_row">
                        <a-col :span="7" class="LineCount_li_left">
                            当前纬度
                        </a-col>

                        <a-col :span="11" class="LineCount_li_center">
                            <div class="LineCount_li_topText">
                                N 22.553867
                            </div>

                        </a-col>

                        <a-col :span="6" class="LineCount_li_right">
                            <div class="LineCount_li_rightText">
                            </div>
                        </a-col>
                    </a-row>
                </li>

                <li class="LineCount_li">
                    <a-row class="LineCount_ul_row">
                        <a-col :span="7" class="LineCount_li_left">
                            当前海拔
                        </a-col>

                        <a-col :span="11" class="LineCount_li_center">
                            <div class="LineCount_li_topText">
                                95.2824
                            </div>

                        </a-col>

                        <a-col :span="6" class="LineCount_li_right">
                            <div class="LineCount_li_rightText">
                            </div>
                        </a-col>
                    </a-row>
                </li>

                <li class="LineCount_li">
                    <a-row class="LineCount_ul_row">
                        <a-col :span="7" class="LineCount_li_left">
                            是否隐藏
                        </a-col>

                        <a-col :span="11" class="LineCount_li_center">
                            <div class="LineCount_li_topText">
                                是
                            </div>

                        </a-col>

                        <a-col :span="6" class="LineCount_li_right">
                            <div class="LineCount_li_rightText">
                            </div>
                        </a-col>
                    </a-row>
                </li>

                <li class="LineCount_li" >
                    <a-row  id="LineCount_ul_row">
                        <a-col :span="8" class="LineCount_li_left">
                            <el-button type="info"  class="LineCount_report_btn" >
                                记录位置
                            </el-button>
                        </a-col>

                        <a-col :span="8" class="LineCount_li_left">
                            <el-button type="info" class="LineCount_report_btn"  >
                                查看位置
                            </el-button>
                        </a-col>
                        <a-col :span="8" class="LineCount_li_right" style="width: 32vw">
                            <el-button type="info" class="LineCount_report_btn"  >
                                上传位置
                            </el-button>
                        </a-col>

                    </a-row>
                </li>

            </ul>
        </div>
        <FooterChaanel></FooterChaanel>
    </div>
</template>
<style>

    #LineCount_content{
    }
    #LineCount_ul{
        padding: 1vw 2vw 10vw 2vw;
        margin: 0;
        height: 104vw;
        width: 100vw;
        overflow: scroll;
    }
    .LineCount_li  {
        width: 96vw;
        height: 16vw;
        margin:0 ;
        list-style: none;
        float: left;
    }
    .LineCount_ul_row{
        width: 96vw;
        height: 16vw;
        border-bottom: 0.2vw solid lightgray;
    }
    .LineCount_li_left{
        font-size: 6vw;
        height: 16vw;
        line-height: 16vw;
        font-family: "SimHei";
        text-align: left;
    }
    .LineCount_li_center{
        height: 16vw;
        text-align: left;
    }
    .LineCount_li_topText{
        height: 16vw;
        line-height: 16vw;
        font-family: "Microsoft YaHei";
        font-size: 6vw;
        color: black;
    }
    .LineCount_li_right{
        height: 16vw;
        line-height: 16vw;
        text-align: left;
        font-size: 4vw;
        font-family: "Microsoft YaHei";
        color: gray;
        padding: 0 2vw 0 0vw;
        width: 24vw;
    }
    #LineCount_ul_row{
        height:16vw ;
        line-height: 14.68vw;
        margin-top: 4vw;
    }
    .LineCount_report_btn{
        width: 30vw;
        height: 14.68vw;
        line-height: 12vw;
        padding: 0 2vw 0 2vw;
        text-align: center;
        border-radius: 2vw;
        font-size: 6vw;
        generic-family: PingFangSC-Semibold;
    }
    .LineCount_li_rightText{
        color: gray;
        font-size: 4.5vw;
    }
</style>
<script>
    import TitleTop from './../components/TitleTop'
    import TitleMenu from  './../components/TitleMenu'
    import ARow from "ant-design-vue/es/grid/Row";
    import ACol from "ant-design-vue/es/grid/Col";
    import FooterChaanel from "../components/FooterChaanel";
    export default {
        name: "LineCount",
        components:{FooterChaanel, ACol, ARow, TitleTop,TitleMenu},
        data() {
            return {
                msg: 'hello vue'
            }
        },methods:{

        }
    }
</script>

